/* 
    Document   : default
    Created on : 26 Mar 12, 8:14:06
    Author     : sony
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

#page_content {
    float:left;
}
#container{width:1080px; margin:0 auto;}
#topbar{width:auto; display:block; height:80px;}
#navbar{width:auto; display:block; height:24px;}

#main{width:auto; display:block;margin: 0}
#column_left{width:220px; float:left;
background-color:#2A2929 ;height: auto;}
#column_content{
    width:640px; 
    float:left;padding: 0px;}
#column_right{
    display:block; 
    float:left;
    width:218px;
    height:auto;padding:0px;
    background-image: url(images/right_bg.png);
    background-repeat: repeat-y;
}
#top_content {
    display: block;
    float:left;
    width: 1080px;
    height: 56px;
}
p {
    margin-left:5px;
}
.post_date {
    font-size: 10px;
    font-family: helvetica;
}
#top_content_left {
    display: block;
    float:left;
    width: 188px;
    padding-left: 30px;
    padding-top: 10px;
    height: 46px;
    background-image: url(images/topleft.png);
    
}
#content_header {
    float:left;
    display: block;
    width:80em;
    height:50px;
    font-family: arial;
    font-size: 20px;
     
    padding-top: 6px;
    padding-left: 10px;
    color:#fff;
     
}
#center_content {
    padding:5px;
} 
#content_topright {
    float:left;
    display: block;
    width: 210px; 
    height:46px;
    padding-left: 10px;
    padding-top: 10px;
    background-image: url(images/topright_grey.png);
    background-repeat: no-repeat;
}
/* 
div.spacer, solve an issue with #container height
in css 2 column layout. 
*/
.spacer{clear:both; height:10px; display:block;}

#footer_menu {
    font-size: 10px;
    text-align: center;
    padding-top:2px;
    margin-top: 10px;
    font-family: verdana;
    color: #f00;
}
#footer a:hover{
    text-decoration: underline;
    color:lightcoral;
} 
#live_box {
    width:640px;
    height:320px;
}
.login_caption {
    font-family: Tahoma;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 6px;
}
 .category {
    width:212px;
    height:auto;
    padding: 4px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 0px;
    background-image: url(images/menu.png);
    border-top: solid 1px dimgrey;
    border-bottom: 1px solid #000;
    text-align: left;
    vertical-align: middle;
    font-family: verdana;
    font-size: 12px;
    text-align: center; 
    list-style-type: none;
}
 .category a {
    color:#fff;
}
 .category:hover {
    color:#fff;
    background-image: url(images/menu_hv.png);
    
    text-align: center;
}
.category:visit {
     color:#000;
    background-image: url(images/menu_vs.png);
}
#menu li {
    list-style-type: none;
    padding-left: 14px;
    margin-left: -40px;
    margin-bottom: 1px;
    border-top: solid 1px #EEE;
    border-bottom: solid 1px #000;
    background-image: url(images/menu.png);
    padding-bottom: 4px;
    padding-top: 4px;
}
#menu li:hover {
      color:#000;
      background-image: url(images/submenu_hv.png);
}
#column_right .menu_right {
    text-align: center;
    font-family: tahoma;
    font-size: 14px;
}
#column_right .menu_right li {
    background-image: url(images/menu.png);
    font-family: verdana;
    font-size: 12px;
    color:#000;
    list-style-type: none;
    padding-left: 14px;
    margin-left: -40px;
    margin-bottom: 1px;
    border-top: solid 1px #EEE;
    border-bottom: solid 1px #000;
    padding-bottom: 14px;
    padding-top: 14px;
    
}
#column_right .menu_right li:hover{
    background-color: #999; 
    background-image: url(images/submenu_hv.png);
}

.channe_list{
    padding:10px;
}
.channel_row {
    width:640px;
    height: 24px;
    border-bottom: solid 1px #000;
}
.channel_no {
    float: left;
    display: block;
    width: 20px;
}
 
.channel_action {
    float:right;
    display: block;
    width:60px;
}
.channel_text {
    width:auto;
    padding-left: 20px;
    padding-top:2px;
    height: auto;
    font-family: Tahoma;
    font-size: 20px;
    color:silver;
     
}
.channel_text:hover {
     background-color: #AAAAAA;
     color:#000;
    
}
.channel_tumb {
    padding:2px;
    text-decoration: none;
   
}
.channel_tumb:hover {
     background-image: url(images/channel_pv.png);
     z-index: -1;
}
#channel_box {
    float:left;
    display: block;
    width:320px;
    height: 159px;
    background-image: url(images/channel_box.png);
     
}
#channel_box:hover {
    background-image: url(images/channel_box_ov.png);
}
#channel_box .thumbnail {
    
    position: static;
    width: 98px;
    height: 98px;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #ccccff;
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 4px;
    padding-top: 4px;
    vertical-align: text-top;
    text-indent: 5px;
}
#channel_box .header {
    font-family: verdana;
    font-size: 14px;
    padding:5px;
    font-weight: bold;
    margin-top: 6px;
}
#channel_box .caption {
    font-family: verdana;
    font-size: 12px;
    padding:5px;
}
#channel_box .description {
    font-family: verdana;
    font-size: 10px;
    padding:5px;
}
#logo {
    float:left;
    padding-right: 30px;
}
#search_form {
    float:left;
    padding-left: 10px;
    padding-top:20px;
}
#logo_right {
    float:right;
    vertical-align: middle;
    padding: 5px;
}
#message {
    float:none;
    width: 500px;
    height: 300px;
}
.channel_content {
    width: auto;
    height: auto;
    padding:10px;
}
.title {
    font-family: tahoma;
    font-size: 16px;
    font-weight: bold;
}
.title a{
    font-family: tahoma;
    font-size: 16px;
    font-weight: bold;
}
.row_news {
     padding-bottom: 20px;
     border-bottom: solid 1px #000;
     padding-top: 10px;
}
.excerpt {
    width:auto;
    height:auto;
    border:solid 1px #000;
    padding:5px;
    font-family: verdana;
    font-size: 10px;
}
.channel_title {
    font-family: fantasy;
    font-size: 14px;
    color:#3399FF;
    font-weight: bold;
    padding-top:5px;
    padding-bottom: 5px;
}
.channel_description {
    font-family: verdana;
    font-size: 10px;
    padding:10px;
}
.channel_info {
    margin-top: 10px;
    font-family: verdana;
    font-size: 10px;
}
#form_event {
    padding:10px;
}
#form_host {
    float:left;
    padding:10px;
}
.event_feed_rows {
   
    background-color: #FED921;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    color: #653406;
    padding:2px;
    background-color: #ffcc00;
   
    
}
.event_feed_rows a {
    color:#330000;
    font-size: 12px;
}
#home_event {
    font-family: verdana;
    vertical-align: middle;
    padding: 10px;
    background-image: url(images/home_event.png);
    background-repeat: no-repeat;
    background-position: left top;
}
#home_event_menus {
    font-family: verdana;
    font-size: 10px;
    padding-left: 60px;
    padding-bottom: 1px;
}
#event_rows {
    display: block;
    width:auto;
    height:auto;
    border:solid 1px #333333;
    padding:0px;
    margin-bottom:10px;
}
#event_category{
    padding-left: 10px;
    font-family: serif;
    font-weight: bold;
}
#event_header {
    display:block;
    font-family: tahoma;
    font-size:14px;
    font-weight: bold;
    background-color: #A1B8EE;
    color:#000;
    height: 40px;
    padding:4px;
}
#event_content {
    padding-top:10px;
    font-family: verdana;font-size: 11px;font-weight: normal;
}
#event_time {
    
    background-color: #97B3F1;
    font-family: verdana;font-size: 10px;font-weight: normal;
    padding-left:20px;
    height: 16px;
    color:#000;
    background-image: url(images/time.png);
    background-repeat: no-repeat;
    background-position: left top;
}
#event_menu {
    display:block;
    text-align: right;
}
.event_box {
    display:block;
    float:left;
    border:solid 1px #7D99DA;
    width:auto;
}
.icon_small {
   height: 16px;
    width: 16px; 
}
.icon {
    height: 24px;
    width: 24px;
}
.icon_panel {
    height: 64px;
    width: 64px;
}
.event_detail {
    font-family: verdana;
    text-align: left;
    font-size: 10px;
    margin:4px;
}
.menu_panel {
    float:left;
    display:block;
    width:160px;
    height:160px;
    text-align: center;
}
 
.menu_caption {
    font-weight: bold;
    font-family: arial;
    color:#000033;
}
.comment_row {
    font-family: verdana;
    font-size: 10px;
}
.tag {
    color:#000;
}
.tag:hover {
    color:darkslateblue;
}
.table_row_top {
    border-top: solid 1px #999;
    border-right: solid 1px #999;
    border-bottom: solid 1px #999;
    padding:4px;
}
.table_row_left {
    border-right: solid 1px #999;
    border-left: solid 1px #999;
    border-bottom: solid 1px #999;
    padding:4px;
}
.table_row {
    border-right: solid 1px #999;
    border-bottom: solid 1px #999;
    padding:4px;
}
.table_end {
    border-right: solid 1px #999;
    border-left: solid 1px #999;
    border-bottom: solid 1px #999;
    padding:4px;
}
a {
    text-decoration: none;
    color: #000;
    font-size: 10px;
    font-family: verdana;
}
a:hover {
    color:darkgoldenrod;
}
.login_text {
    font-family: tahoma;
    font-size: 14px;
    padding:4px;
}
#preferences {
    padding:10px;
}
.search_header {
    font-size: large;
}
.search_description {
    padding-left: 20px;
    padding-top:20px;
    font-family: arial;
}
.search_info {
    font-family: verdana;
    font-size: 10px;
    padding-top:4px;
}
.search_title {
    font-family: tahoma;
    font-size: large;
    font-weight: bold;
    color:#c77405;
}
.search_title{
    
}
.search_detail {
    border-bottom: 1px solid #000;
    padding-top: 10px;
}
